<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Copyright Microsoft Corporation. All Rights Reserved, 2002 -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<style type="text/css" media="screen">
/*styles for test 14.2.4*/
#screen {color: green;}
</style>

<style type="text/css" media="tty">
/*styles for test 14.2.4*/
#tty {color: green;}
</style>

<style type="text/css" media="tv">
/*styles for test 14.2.4*/
#tv {color: green;}
</style>

<style type="text/css" media="projection">
/*styles for test 14.2.4*/
#projection {color: green;}
</style>

<style type="text/css" media="handheld">
/*styles for test 14.2.4*/
#handheld {color: green;}
</style>

<style type="text/css" media="print">
/*styles for test 14.2.4*/
#print {color: green;}
</style>

<style type="text/css" media="braille">
/*styles for test 14.2.4*/
#braille {color: green;}
</style>

<style type="text/css" media="aural">
/*styles for test 14.2.4*/
#aural {color: green;}
</style>

<style type="text/css" media="all">
/*styles for test 14.2.4*/
#all {color: green;}
</style>

<title>14_2_4-BF-01</title>
</head>
<body>
<div class="TestPurpose">Verify user agents must apply style sheets selectively based on the media attribute specified.
</div>
<div class="AssertionsTested">Test for assertion 14.2.4-1</div>
<div class='FilesTested'>File: 14_2_4-BF-01.html</div>
<pre style='border: 1px solid black; padding: 5px'>
<strong>Source</strong>
&lt;p&gt;The following paragraphs should be green if the media type is appropriate, the default color (usually black) otherwise.&lt;/p&gt;
&lt;p id=&quot;screen&quot;&gt;media = screen - intended for non-paged computer screens&lt;/p&gt;
&lt;p id=&quot;tty&quot;&gt;media = tty - intended for media using a fixed-pitch character grid, such as teletypes, terminals, or portable devices with limited display capabilities&lt;/p&gt;
&lt;p id=&quot;tv&quot;&gt;media = tv - intended for television-type devices (low resolution, color, limited scrollability)&lt;/p&gt;
&lt;p id=&quot;projection&quot;&gt;media = projection - intended for projectors&lt;/p&gt;
&lt;p id=&quot;handheld&quot;&gt;media = handheld - intended for handheld devices (small screen, monochrome, bitmapped graphics, limited bandwidth)&lt;/p&gt;
&lt;p id=&quot;print&quot;&gt;media = print - intended for paged, opaque material and for documents viewed on screen in print preview mode&lt;/p&gt;
&lt;p id=&quot;braille&quot;&gt;media = braille - intended for braille tactile feedback devices&lt;/p&gt;
&lt;p id=&quot;aural&quot;&gt;media = aural - intended for speech synthesizers&lt;/p&gt;
&lt;p id=&quot;all&quot;&gt;media = all - suitable for all devices&lt;/p&gt;
</pre>

<p>The following paragraphs should be green if the media type is appropriate, the default color (usually black) otherwise.</p>
<p id="screen">media = screen - intended for non-paged computer screens</p>
<p id="tty">media = tty - intended for media using a fixed-pitch character grid, such as teletypes, terminals, or portable devices with limited display capabilities</p>
<p id="tv">media = tv - intended for television-type devices (low resolution, color, limited scrollability)</p>
<p id="projection">media = projection - intended for projectors</p>
<p id="handheld">media = handheld - intended for handheld devices (small screen, monochrome, bitmapped graphics, limited bandwidth)</p>
<p id="print">media = print - intended for paged, opaque material and for documents viewed on screen in print preview mode</p>
<p id="braille">media = braille - intended for braille tactile feedback devices</p>
<p id="aural">media = aural - intended for speech synthesizers</p>
<p id="all">media = all - suitable for all devices</p>
</body>
</html>